


Instalasi Joomla 1.7 


Pada bab ini akan membahas mengenai langkah-langkah instalasi 
Joomla 1.7 di komputer. Sebelum mempelajari fitur-fitur yang ada 
di Joomla 1.7 Anda perlu menginstalnya terlebih dahulu sehingga 
kita bisa belajar sambil praktik. 


21 Persyaratan Minimal 


Untuk menginstal Joomla diperlukan komputer web server. Per- 
syaratan minimal komputer web server yang diperlukan sebagai 
berikut: 


1. Minimal PHP 5.2.44, direkomendasikan 5.3- 
2. Minimal MyAL 5.0.4-4, direkomendasikan 5.04- 
3. Minimal Apache 2.x4, direkomendasikan 2.x4 


Kita bisa mengubah komputer menjadi web server dengan 
menginstal PHP, MYSOL, dan Apache sesuai dengan persyaratan 
minimal di atas. 


Namun, ada cara yang lebih mudah, yaitu dengan menginstal 
perangkat lunak yang merupakan paket aplikasi-aplikasi di atas. 
Salah satu perangkat lunak yang populer untuk melakukannya 
adalah XAMPP. 
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2.2 Sekilas XAMPP 


XAMPP adalah perangkat lunak untuk menjadikan komputer kita 
sebagai web server. XAMPP adalah perangkat lunak yang menye- 
diakan aplikasi untuk keperluan web server dalam satu paket. 
Dengan XAMPP, instalasi dan konfigurasi server Apache, PHP, dan 
MySOL dapat dilakukan secara otomatis. 


XAMPP adalah singkatan dari: 


X, dibaca "cross" yang berarti cross platform, yaitu bisa digunakan 
dalam berbagai sistem operasi komputer. 


Apache, web server yang digunakan. 

MySOL, database yang digunakan. 

PHP, mendukung untuk pemrograman website menggunakan PHP. 
Perl, mendukung untuk pemrograman website menggunakan Perl. 


XAMPP adalah perangkat lunak bebas dan bisa didapatkan secara 
gratis. Website resmi XAMPP bisa diakses di 
www.apachefriends.org. 


Welcome to Apache Friends! 


Apache Friends is a non-profit project to promote the 
Apache web se it was founded in the spring of 2002 
by &3 Kai 'Oswald dler and Kay Vogelgesang, The 
following activities are our contribution towards promoting 
the web server and related technologies: 







1, Easy to use software (see our Apache distribution 
XAMPP below). 


Li 


Easy to read documentation (Sorry, all texts apart 
from the FAO are only available in German, our 
CJ »Apache fiir Dummies« book for example), 





: 


The creation of an online community for helping 
each other out should any guestions or problems 
arise (see our &? Forums or&J Chats for further resources). 





Int to know more about Apache Friends please take a look at our 
ache Friends FAO page. 
Our most important project 
Ea XAMPP 2 
Many people know from their own experience that it's wd 
not easy to install an Apache web server and it gets XA M P P 
harder if you want to add MySOL, PHP and Perl. XAMPP Fs 
is an easy to install Apache distribution containing 
MySOL, PHP and Perl. XAMPP is really very easy to 
install and to use - just download, extract and start. 
£&t the moment there are four XAMPP versions: 
# a version for Linux systems (tested for Ubuntu, SuSE, RedHat, Mandrake and 
Debian), 
# a version for Windows 2000, 2003, XP and Vista, 
« a beta version for Solaris SPARC (developed and tested under Solaris 8), 


# and a beta version for Mac OS X. 


These Mac OS X and Solaris versions of XAMPP are still in the first steps of development. 


Gambar 2.1. Tampilan Website www.apachefriends.org 
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2.3 Instalasi XAMPP 


Untuk dapat menginstal Joomla di komputer localhost, maka kita 
perlu menginstal XAMPP terlebih dahulu. XAMPP bisa diinstal di 
sistem operasi Windows, Linux, maupun Mac OS X. 
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nstal XAMPP di Windows 


Dalam buku ini menggunakan XAMPP versi XAMPPIite 1.7.1 
karena ringan dan ukuran yang kecil. XAMPPIite 1.7.1 sudah 
memenuhi persayaratan minimal untuk instal Joomla 1.7. 


Langkah-langkah instal XAMPP di Windows sebagai berikut: 


1. Akses 


Windows/1.7.1/. 


Pada halaman yang muncul pilih xampplite-win32-1.7.1.exe. 


Home / XAMPP Windows #1.71 


Name $ Modified 
4 Parent folder 

xampp-win32-upgrade-1.7.0-1.71.zip 2009-04-13 
xampp-win32-1.7.1.zip 2009-04-13 
xampplite-win32-1.7 1. zip 2009-04-13 
xampp-win32-devel-1.7 1. zip 2009-04-13 


xam 








op-win32-devel-1. 7 1.exe 2009-04-11 








AMpp-wi 


xam 


2. Pilih folder untuk menyimpan xampplite-win32-1.7.1. 
































Click to download xampplite-win32-1.7.1.exe 
7A.exe 2009-04-11 


op-win32-1 


Gambar 2.2. Download XAMPPIite 1.7.1 


Size s 

71.3 MB 
84.0 MB 
51.5 MB 
48.1 MB 
23.8 MB 


324 MB 


exe. 


http://sourceforge.net/projects/xampp/files/XAMPP 


Save in: | CJ Software 





&d 


My Recent 
Documents 


G3 


Desktop 


My Documents 





My Computer 
File name: xampp-win32-1.7 4-VO5-installer. exe 


Save as type: Application 


My Network 





Gambar 2.3. Menyimpan XAMPPIite 1.7.1 


3. Klik xampplite-win32-1.7.1.exe yang telah di-download. Lalu 
pilih folder untuk menginstal XAMPP. Sebagai contoh, kita 
akan menginstalnya di folder CN. XAMPP harus diinstal pada 
folder utama seperti CA, DA, EN, dan seterusnya. 


Lalu klik tombol Extract. 


T-1ip self-extracting archive 


Extract to: 


ag... 


Ken co | 


Gambar 2.4. Menginstal XAMPPIite di Folder C:/ 





4. Buka folder c“xampplite. Klik xampp-control.exe untuk men- 
jalankan XAMPP. Agar memudahkan mengakses xampp- 
control.exe, Anda bisa membuat shortcut-nya pada desktop. 
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& xampplite 


File Edit View Favorites Tools Heb 
Dra Dl Psewen (P5 Folder (F- 
Address (9 Gijxampplite 

2 


readme en.txt 
Text Document 


Details 


soasikkas 
Date Created: 9/16/2011 1:42 AM 
xampp-portcheck.exe Size: 144 KB 


Gambar 2.5. XAMPP Control Panel 





5. Maka akan muncul jendela XAMPP Control Panel. Lalu, pada 
bagian Apache dan MySOL klik tombol Start. 


9 XAMPP Control Panel Application 


XAMPP Control Panel 


Modules 


Csve Padmin 
Osve fAdmin 


Osve  Filezilla "admin 


Mercury Admin 





XAMPP Control Panel Version 2.5 (9. May, 2007) 
Windows 5.1 Build 2600 Platform 2 Service Pack 3 
Current Directory: C:ixampplite 

Install Directory: 

"“t WARNING: Directory mismatch 

Status Check OR 


Si 





Gambar 2.6. Mengaktifkan Apache dan MySAL 
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6. 





Di web browser, akses alamat http://localhost. Pertama-tama 
akan muncul tampilan untuk memilih bahasa. Pilih bahasa 
English. Secara otomatis halaman XAMPP akan tertampil, 
yang berarti instalasi XAMPP telah berhasil. 


XAMPP for WindowS sx 


ortugu8s (Brasil) 


Nederlands / Polski / Italiano / N6 








XAMPP 
1.7.4 4 
TpHp: 5.3.5) Welcome to XAMPP for Windows! 


Congratulations: 
syara You have successfully installed XAMPP on this system! 
5 Sa Now you can start using Apache and Co. You should first try »Status« on the left navigation to make sure everything works fine. 
ocumentation 
Components For OpenSSL support please use the test certificate with https://127.0.0.1 or https://localhost 
PHp Good luck, Kay Vogelgesang 4 Kai 'Oswald' Seidler 
hpinfoc) 
D Collection 
Biorhythm 
Instant Art 
Phone Book 


atus 


Tomcat examples 


moon IOS 
phpMyAdmin 
Webalizer 
Mercury Mail 
Filezilla FTP 


@2002-2010 


Gambar 2.7. Tampilan XAMPP di Windows 


939 Instal XAMPP di Linux 


Bagi Anda pengguna linux, langkah-langkah instalasi xampp 
sebagai berikut: 
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Akses http://sourceforge.net/projects/xampp/files/XAMPP 
Linux/1.7 17. 


Pada halaman yang muncul pilih xampp-linux-1.7.1.tar.gz dan 
simpan. 


Home / XAMPP Linux #1.71 N 


Name # Modified Size 


4 Parent folder 






xampp-linux-upgrade-1.7.0-1.71.tar.gz 2009-04-15 — 26.7 MB @. 
xampp-linux-devel-1.7.1.tar.gz 2009-04-13 30.4 MB @ 

2009-04-13 59.2 MB O@ te 
Totals: 3 Iter 116.3 MB 





Gambar 2.8. Download XAMPP untuk Linux 





Jalankan linux shell dan login sebagai sistem administrator 
root: su. Lalu instal file XAMPP untuk Linux yang telah di- 
download di /opt menggunakan perintah: 


tar xvfz xampp-linux-1.7.1l.tar.gz -C /opt 


Untuk menjalankan XAMPP panggil perintah berikut: 


/opt/lampp/lampp start 


Pada web browser akses alamat http://localhost untuk menge- 
tesnya. 


N AMAPP TOP PAC nat ena aa naat beam enakan 


Welcome to XAMPP for Linux 1.7.1 ! 


Congratulationa: 
You successfully instalked XAMPP on this system! 


Now you can start using Apache and Co. Firstly you shouki ty -Status- on the left navigation io make sure everything works fine 
After testing you may take a look at the examples below the test link. 


you want to start programming PHP or Perl (or whatever:) please take a look at ihe XAMPP manual first andi get more information about your 
XAMPP installation, 





Good luck, 
Kai “Oswald” Seidler « Kay Vogelgesang 


Gambar 2.9. Tampilan XAMPP di Linux 


933 Instal XAMPP di Mac OS X 


Untuk pengguna Mac OS X langkah-langkah instalasi XAMPP 
sebagai berikut: 


1. 


Download XAMPP di alamat: 


http://sourceforge.net/projects/xampp/files/XAMPP Mac OS X/ 
1.7.2/ 


Pada halaman yang muncul pilih xampp-macosx- 
1.7.2.dev.dmg 
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Home / XAMPP Mac OS X/ 1.7.2 N 
Name s Modified s Size s 

4 Parent folder 

xampp-macosx-1.7.2. dng 2009-08-02 90.6 MB @ ha 


campp-macosx-1.7)2-dev. dmg 2009-08-02 30.3 MB @. 


Click to download xampp-macosx-1.7.2-dey.dmg 








Totals: 2 Items 120.9 MB 


Gambar 2.10. Download XAMPP untuk Mac OS 


3. Buka file dmg XAMPP yang telah di-download. Drag dan 
letakkan folder XAMPP pada folder Application. Maka XAMPP 
telah terinstal di folder Applications/XAMPP. 


4. Untuk menjalankan XAMPP, buka XAMPP control panel lalu 
jalankan Apache, MySOL, dan ProFTPD. 


5. Pada web browser akses alamat http://localhost untuk menge- 
tesnya. 


2.4 Instal Joomla di Localhost 


Localhost adalah istilah untuk menunjukkan komputer itu sendiri. 
Kita bisa menyebut komputer yang sedang digunakan sebagai 
localhost. 


Pada dasarnya instalasi Joomla di localhost terdiri atas dua tahap, 
yaitu membuat database dan menginstal dengan Joomla web 
installer. 


941 Membuat Database 


Tahap pertama adalah membuat database. Kita akan membuat 
database menggunakan MySOL dengan fitur phpMyAdmin yang 
terdapat pada XAMPP. 


Langkah-langkahnya sebagai berikut: 


1. Jalankan XAMPP Control Panel. Lalu aktifkan Apache dan 
MySOL. 
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XAMPP Control Panel Application 


XAMPP Control Panel 


Running 
| |Svc Filezilla 


Mercury 





Current Directory: C:Yxampplite 
Install Directory: 

"11 WARNING: Directory mismatch "1" 
Status Check OR 

Busy... 

Apache started (Port 80) 

Busy... 

MySgl started (Port 3306) 


« 





Gambar 2.11. Mengaktifkan Apache dan MySAL 


2. Di browser akses alamat http://localhost/phpmyadmin maka 
akan muncul tampilan phpMyAdmin. 


?) localhost / localhost | phpMyAdmin 3.1.3.1 - Mozilla Firefox 





Ele Edit View History Bookmarks Tools Help 





ta localhost / localhost | phpMyAdmin 3.1.3.1 ES & 





GP | | ii | httpuillocalhost/phpmyadinf sali- ac 















































. Pt 
(1 Most Visited (@ Getting Started (XI Latest Headines | 1 Seret sayaFacebook. 
phpMyAdmin 8 Server: localhost El 
Aa @Databases RSOL Status E)Variables FllCharsets @gEngines #SPrivileges @sProcesses #Export 
Ealmport 
& cdcol (1) 
» information schema (28) Actions MySaL 
» mysal (23) 
: PU () MySOL localhost 29 Serer. localhost via TCPAP 
en £9 Semer version: 5.1.33-community 
& Create new database D ) Protocol version: 10 
Please select a database |Collaton Ox) ) User: root@localhost 
(HI MySOL connection collation: |ut8 general ci “ia (EH MySOL charset: UTF-8 Unicode (utB) 
Interface Web server 
PL English F ) Apache/2.2.11 Win32) DAVI2 
anus | | s mod ss/22.11 OpenSSLMO.9.8i PHP/5.29 
& Theme Style: (Original 3 ) MySOL client version: 5.0.51a 
) Custom color (Af Reset) » PHP extension: mysgl 
) Font size: (8226 (ml phpMyAdmin 


» Version information: 3.1.3.1 
(9 Documentation 


8 wiki 


Official Homepage 
» (ChangeLogj (Subversion (Lists) 3 


Gambar 2.12. Tampilan PHPMyadmin 
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3. Pada bagian form Create new database masukkan nama 
database yang akan dibuat. Sebagai contoh, kita membuat 
database dengan nama joomla. Lalu klik tombol Create. 





Actions 
MySOL localhost 


W Create new database 
joomlal Collation 





MySOL connection collation: | uti8 general ci 


Interface 
$ Language @: | English 3 
2 Theme / Style: Original v 


» Custom color: (PL Reset ) 


b Font size: 99 w 
Gambar 2.13. Membuat Database 


4. Maka akan muncul konfirmasi bahwa database telah berhasil 
dibuat. 


MyAdi 33 localhost » #3 joomla 
php nin localh ! 1 
KA ali EiStructure SOL Search (iOuery @Export Kalmport d&Designer 92Operations (& Privileges 
Top 


(kg Database joomla has been created 


(BEAT DAMBASE “joomla” : 



















































Database 





joomla 


joomla (0) LEdit JI Create PHP Code | 





No tables found in database. 


No tables found in database. 


Gambar 2.14. Konfirmasi Database Berhasil Dibuat 


949 Joomla Web Installer 


Setelah membuat database, tahap selanjutnya adalah menginstal 
Joomla dengan web installer. Langkah-langkahnya sebagai 
berikut: 


1. Download Joomla 1.7 di www.joomla.org/download.html. Pada 
halaman yang muncul pilih versi 1.7.0 Full Package. 


22 


Download Joomla! 1.7.x 


LANGUAGE VERSION DOWNLOAD 
English (UK) 1.7.0 Full Package 29 “— 
English (UK) 1.6.5 to 1.7.0 Upgrade Package zl 


Note: If you are upgrading from 1.6, please read the update instructions before updating. 
Gambar 2.15. Download Installer Joomla 1.7 


2. Extract installer joomla yang telah di-download di folder 
Crxampplite'htdocs. Sebagai contoh, kita meng-extract 
installer Joomla di folder C“xampplitevhtdocsjoomla. Anda 
bebas memberi nama folder installer, yang penting harus di 
dalam folder htdocs, di mana xampp telah diinstal. 


Untuk pengguna Linux letakkan installer Joomla di opt/lampp. 


ex 


File Edit View Favorites Tools Help FI 


Dza- D- Pe sema (5 Folders (TI 


Name Ize Type Date Modified Date Pi 
(Oo) Picture Tanka ((iforbidden File Folder 3/7/2009 7:23 PM 
(Girestricted File Folder 3|7/2009 7:23 PM 
(Cdxampp File Folder 3/7/2009 7:23 PM 
ioomla Am File Folder 9f16/2011 11:42 AM 
(Wjapache ' pb2 ani.gif GIF Image 12/1/2005 8:34 PM 
Other Places Imllapache pb.gif GIF Image 12/1/2005 8:34 PM 
ImJapache pb.png PNG Image 12/1/2005 8:34 PM 
Details Imjapache pb2.gif GIF Image 12/1/2005 8:34 PM 
Ita PNG Image 12/1/2005 8:34 PM 
htdocs 1 Opera Web Document 12/5/2005 2:54 AM 
File Folder PHP File 1/20j2009 2:49 PM 


Da Mena Bah March EEltavicon.ico Icon 2/7/2009 6:47 PM 





File and Folder Tasks 





Gambar 2.16. Package Joomla di Folder CNxamppliteNhtdocs 


3. Akses http://localhost/joomla tempat kita meletakkan installer 
Joomla. 


4. Maka akan muncul halaman instalasi. Tampilan halaman 
pertama instalasi adalah memilih bahasa. Pilih bahasa English 
(United States). Lalu klik tombol Next. 





2) Joomla! Web Installer - Mozilla Firefox 
Elle Edit Yiew History Bookmarks Ibols Help 
(Soni Wab ntator Kl - 





- ES. hitps/localhost/joomlafinstallation/index.php sa PP 


(Bi Most Visited (@) Getting Started (NX) Latest Headines | 1 Seret sayaFacebook. 


Joomla! 1.7.0 Installation 





Steps Choose language "03 


1: Language 
Select Language 


2: Pre-Installation check Please select the language to use during the 
Joomla! instaletion steps Atiksans SouhAtica) AI 
3:License Arabic Unitag(5sa-yall Ing sell) 
Azari (Azerbaijan) 
na Benapyoras (Benapycs) 
$-Dwnbasa Bengali (Bangladesh) 
Bosanski (Bosnia) 
5: FTP Configuration Catalan | 
Kurdish Sorani (ss) | 
6: Contiguration Czech (Czech republic) 
Danish (DK) | 
7: Finish Saman DEGFAN | 
reel L 
English (Australia) 








1) 
Persian (swul) 
Finnish (Suomi) 
Frangais (F1) 
Galician (Galiza) 
Gujarati (India) 
Hebrew (Israel) 
Croatian 


Gambar 2.17. Memilih Bahasa 





5. Berikutnya akan muncul halaman Pre-Installation Check. 
Halaman ini akan mengecek apakah persyaratan minimal 
telah dipenuhi atau tidak untuk menginstal Joomla 1.7. Klik 
tombol Next. 





Steps Pre-Installation Check check again @) (0 Previous | 1 





1: Language 
Pre-installation check for Joomla! 1.7.0 Stable | Ember) 19-Jul-2011 14:00 GMT: 


? : Pre-Installation chec 


IF any of these items is not supported (marked 
25 No) then please take actions to correct PHP Version »—5.2.4 yes 
them, Failure to do s0 could lead to your 


pebaanan Joomla! instalation not unetloring correctiy, Tega Apa kal 
ML Support Yes 
4: Database MySOL Support ves 
MB Language is Default Yes 
5: FTP Configuration La fasad Kai Ha 
arser Suppor es 
Pa 35ON Support Yes 
Beam aaban) configuration.php Witeable Yes 
7:Finish 
Recommended settings: 
These settings are recommended for PHP in 
order to ensure ful compatibilty th Joomla Directive Recommended Aetual 
However, Joomlal wil sil operate Ff your 
settings do not gulte match the recommended anta No Of LN 
Display Errors of on 
Fie Upioads on on 
Luhd 
Nud Magic Guotes Runtime or om 
Register Globals or or 
Output Buffering or or 
Session Auto Start or or 


Gambar 2.18. Halaman Pre-Installation Check 


6. Berikutnya akan muncul halaman License. Halaman ini berisi 
lisensi penggunaan Joomla. Klik Next untuk melanjutkannya. 
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Steps License (O previous 23 


# Language 
GNU General Public License 


v 


SEN ne ana check GNU GENERAL PUBLIC LICENSE 2 


License Version 2, June 1991 


Copyright (C) 1989, 1991 Free Software Foundation, Inc. 


4: Database 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA 
: PA, Everyone is pernitted to copy and distribute verbatim copies 
5: FIP Configwation of this license document, but changing it is not alloved. 


Preamble 


& 


: Configuration 
The licenses for most software are designed to take away your freedom to share and change It. By contrast, he GNU General Public License is 

:Finish intended to guarantee your freedom to share and change free software-to make sure the software is free for allits users. This General Public 
License appliss to most of the Free Software Foundation's software and to any ather program whose authors commit to using i. (Some other 
Free Software Foundation software is covered by the GNU Library General Public License instead.) You can apply itto your programs, too. 


T 


When we speak of free software, we are reterring to freedom, not price. Our General Public Licenses are desinedto make sure that you have 
tie freedom to distribute copies of free software (and charge for this service If you wish), that you receive source code or can get ft if you 
Want it, that you can change the software or use pieces of tin new free programs, and that you know you can do these things. 


To protect your rights, we need to make restrictions that forbid anyone to deny you these rights orto ask youto surrender the rights. These 
restritions translate to certain responsibities for you if you distribute copies of the software, ar If you modify 


For example, if you distribute copies of such program, whether gratis or for a fee, you must give the recipients all the rights that you have. You 
must make sure that they, too, receive or can get the source code. And you must show them these terms so they know their rights: 





We protect your rights with two steps: (1) copyright the software, and (2) offer you this license which gives you legal permission to copy, 


Gambar 2.19. Halaman License Joomla 


7. Berikutnya akan muncul halaman Database Configuration. 
Pada form Host Name, masukkan localhost. Pada form 
Username masukkan root, yang merupakan username default. 
Untuk password biarkan kosong. Lalu pada form Database 
Name, masukkan joomla, sesuai dengan nama database yang 
telah kita buat sebelumnya. Lalu klik tombol Next. 


0 Installation 





Steps Database Configuration (O previous | Mes 





1:Language 
Connection Settings 


2: Pre-Installation check 


A Joomla! website stores allofits dataina Basic Settings 
PE database, This screen gives the installation 
IiLicense program the information neededto createthis | patabase Type " 
database. (Mysoti PT This is probabiy MySOLI" 
4 Danabase IF you are instaling Joomla! on a remote web Host Name 
server, you will need to aet this information The & usualy Mocahost" 
» from your host, localhost 
5: FTP Configuration 
Username " 
Some web hosts reguire that you create the (Sther something as 'Hoot” or a username given by the host 
- database before you install Joomla. IF you get 
anarki the message "Could not connect to the Pemnag £ 2 
database", check that your user name and For site security using a password for the myagl account & 
7:Finish password are correct. IF you still get this mandatory 





message, check with your host to see if you 
need to create the database before Instaling 
Joomla. 


Some hosts alow only 8 certain DB name per site, Use table 
pprefiv in this case For distinct Joomla! sites. 


Ghoose a table prefix or use the randomliy generated, 
Ieealy, three or four characters long, contain only 
albhanumerit characters, and MUST endin an underscore, 





(Old Database Process" 
@backup Any esasting backup tables from former Joomla! instalatons 


(ORemove wi be replace 





Gambar 2.20. Konfigurasi Database 


8. Halaman selanjutnya adalah FTP Configuration. Lewati 
halaman ini karena kita tidak menggunakan FTP. Klik Next. 
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2: Pre-nstallation check 


3:License 


- 


: Dat: 


5: FTP 


& 


:Con 


“ 


2 Finis 





9. Hal 


abase 


onfiguration 


nfiguration 


sh 


aman 


FTP Configuration (O previous "en 


FTP Configuration (Optional - Most Users Can Skip This Step - Press Next to Skip) 


On some servers yaumay needto provide FTP Basic Settings 
credentials for installtion to complete. IF you 
hhave difficultes completing instaltion without Enable FTP Layer No 8 
these credentials, check with your host to an 
determine if this is necessary. Warning! It is recommended to 
Tt, | save this blank and enter your 
For security reasons, itis best to create a | rp username each time you 
separate FTP user account with access to the 
Joomla! instalation only and not the entire web 
server, Your host can assist you with this, 
FTP Password 
Note: IF you are instaling on 3 Windows 
Operating System, the FTP layer is not 
reguired. FTP Root Path | 


Autofind FTP Path | Verity FTP Settings 











Advanced Settings 


Joomla! is free software released under the GNU General Public License, 


Gambar 2.21. FTP Configuration 


berikutnya adalah Main Configuration. Pada form 


Site Name masukkan nama website. Pada bagian Confirm the 
Admin email and Password, isi data-data admin yang akan 
digunakan untuk akses administrator area di Joomla. Lalu klik 
tombol Install Sample Data agar Joomla terinstal dengan 
contoh artikel. Klik tombol Next. 


Installation 





Steps 


» 


& 


: Pre-Instal 


#Language 


:License 


: Database 


:FTP Configuration 


6: Contiguration 


TI 


Finish 








Main Configuration (O previous | text (0) 


Site Name 





Enter the name Of your Joomla! site, 
Optional: You can also enter Meta Description Basic Settings 
and Meta keywords for your site, 

Site Name " Website Okel 





Confirm the Admin email and Password. 


Enter your email address. This wil be the emal 
address of the Web site Super Administrator 
Enter a new password and then confirmitin the 
appropriate Felds. You may change the default 
username admin. These wil be the Username 
and password that you wil use to login to the 
'Administrator Contral Panel at the end of the 
installtion 

IF you are migrating, you can ignore this 

section. Your current settings wil be 
automaticaly migrated. 

Load sample data 


—————— 
Your Email " ay.krisianto@gmail.com| 
'Admin Username " admin 

Adrin Password " 


Confiem Admin Password " 














Importantt: It is stronoly recommended that 


new Joomla! users install the default sample Sample Data set (Default English (GB) Sample Data 
data, To do this dick on the button before Aaja 
moving to the next stage. Instal! Sami 











mmended for beginners. 
that is includedIn the Joomla! 


Instaling sample data 4 
This wil install sampie 
instalation package, 


1. Sample data: Before leaving the 
, you can populate the site database 
an Bie 





Gambar 2.22. Main Configuration 


10. Pada halaman berikutnya klik tombol Remove instalation 
folder sebagai langkah terakhir instalasi Joomla. 
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Joomla 0 Installation 





Steps Finish Site (M| Administrator 


:Language 
Congratulations! Joomla! is now installed. 


» 


: Pre-Installation check 
Click the Site button to view your Joomla! Web 
site or the Admin button to take you to your 





3:License administrator login 
On the Joomla! Community Site, you wil find a 
4: Database ist of links to available language packs as well 
as links to language related resources on the 
5:FTP Configuration onleicrg Tami ot Se, PLEASE REMEMBER TO COMPLETELY 
Click the button on the right to open the REMOVE THE INSTALLATION DIRECTORY. 
6: Configuration Community Site in a new window. You will not be able to proceed beyond this point until the 
installation directory has been removed. This is a security feature of 
Joomla!, 


Remove installatian folder 


Administration Login Details 


Username : admin 


Joomla! in your own language? 
Visit the Joomla! Community Site for language packs downloads. 





Gambar 2.23. Tombol Remove Installation Folder 


11. Selanjutnya, pada browser akses http://localhost/joomla 
untuk mengetesnya. Apabila berhasil, website Joomla 1.7 
akan tertampil sebagai berikut. 


2) Home 





ozilla Firefox 
Elle Edit View History Bookmarks Tools Help 


| @home Jia - 


« https//localhost/joomla/ “aja Pill 


(Bi Most Visited (@ Getting Started (X 





Latest Headines | Seret sayaFacebook. 





El 
) Cont anagerr 
You are here: Home 
About Joomla! Joomla! 
Getting Started Congratulations! You have a Joomla! site! Joomla! makes it easy to build a website just the way you want it and keep it 
simple to update and maintain. 
Using Joomlal Pe roap k 
aa Joomla! is a flexible and powertul platform, whether you are building a small site for yourself ora huge site with 
e 'oject 
Sai hundreds of thousands of visitors. Joomla is open source, which means you can make it work just the way you want it 
The Joomla! Community to 
This Site Beginners Upgraders Professionals 
Home Ifthis is your first Joomla site or Ifyou are an experienced Joomla! Joomla! 1.7 continues 
Site Map your first web site, you have come 1.5 user, this Joomla! site will development of the Joomla 
to the right place. Joomla will help seem very familiar. There are new Framework and CMS as 
Login you get your website up and templates and improved user powerful and flexible way to bring 





Heoinnjantebiy Mnaamsil intarannn hut mnst inotinnalitu Dri Minah e aka bak an ma 





Gambar 2.24. Tampilan Joomla 1.7 dengan Sample Data 


Tampilan ini disebut sebagai front end atau tampilan yang 
dilihat oleh pengunjung website. 
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12. Untuk mengakses halaman administrator, akses alamat 
http://localhost/joomla/administrator/. Pada halaman login 
yang muncul, masukkan username admin dan password yang 
telah dibuat pada saat melakukan instalasi. Lalu tekan Log In. 


Administration 


Joomla! Administration Login 


Use a valid username and password 
to gain access to the administrator 


backend UserName ladmin 
Gotto site home page. 

Password jones 

Language Default 2 


Login O 


Joomlal@ is free software released under the GNU General Public License. 


Gambar 2.25. Tampilan Halaman Login Administrator 


Maka akan tertampil halaman administrator. Halaman ini 
disebut sebagai back end atau halaman untuk melakukan 
berbagai pengaturan fitur-fitur Joomla. 








Pluluclil x 4 Joomla! 
Site Users Menus Content Components Extensions 4& None Logged-in frontend: Ia Logged-in backend « Nomessages IM View Site Oo Log out 
Help 
Tm » Last 5 Logged:in Users 
tt) » Top 5 Popular Articles 
Add New Article Article Manager Category Manager Media Manager ? Last5 Added Articles 
ES & — ud 
Menu Manager User Manager Module Manager Extension Manager 
AA w 
Global Configuration Template Manager Edit profile 





JoomlaiO is free software released under the GNU General Public License. Version 1.7.0 


Gambar 2.26. Tampilan Halaman Back End 
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25 Instal Joomla secara Online 


Apabila Anda mempunyai web hosting online berbayar, maka 
instalasi Joomla dapat dilakukan secara mudah. Anda tidak perlu 
download Joomla terlebih dahulu. Hal ini bisa dilakukan dengan 
menggunakan fitur Softaculous yang terdapat pada control panel 
web hosting. 


Langkah-langkahnya sebagai berikut: 


1. Masuklah pada control panel hosting Anda. 


cPanel 


Login 


Username andyx 





Password 





Gambar 2.27. Login cPanel 


2. Pada bagian Software/Services pilih Softaculous. 


Software/Services PS 
2 /1 soft wW 
3 & Y» «- «- « II 
CGI Site Perl PHP PEAR PHP Master 
Center Software Modules Packages Configuration dm Reseller 
CP 


Gambar 2.28. Fitur Softaculous 


3. Pilih menu Portals/CMS D Joomla 1.7. 
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aculous Kab KExanO? 





D Seripts : PHP JavaScripts Welcome kamusidi (Logout) Search a 


da 2g 19, There are 1 Updates available, 
8s Micro Blogs 


IP portas/cms Softaculous 


ma Install Scripts on the fly 





? An Auto I 
having to upload fi 





s an Auto 
without y 






mt 






for the scripts and go through the complex procedures of installing 


software packages! 





Geekloa 


Gambar 2.29. Menu Joomla 1.7 


4. Lalu pada halaman yang muncul, klik tombol Install untuk 
memulai instalasi Joomla. 


all Overview Features Screenshots Demo Ratings Reviews Import 





Joomla is an award-winning content management system (CMS), which PN J | ' 
enables you to build Web sites and powerful online applications. Many aspects, OOlI | 1 Gl! 
including its case-of-use and extensibility, have made Joomla the most popular 

Web site software available. Best of all, Joomla is an open source solution that is 


freely available to everyone, 
Joomla is used all over the world to power Web sites of all shapes and sizes. For example: 


Corporate Web sites or portals 

Corporate intranets and extranets 

Online magazines, newspapers, and publications 
E-commerce and online reservations 
Government applications 

Small business Web sites 

Non-profit and organizational Web sites 
Community-based portals 

School and church Web sites 

Personal or family homepages 


Joomla is free, open, and available to anyone under the GNU/GPL license, 


version: 1.7.0 


4.82 


(FA Rate this Script £ 


Read Reviews 
Read rev written by other us 
Review 





Gambar 2.30. Tombol Instalasi Joomla 
5. Maka akan muncul form instalasi Joomla. Pada form In 


Directory, masukkan nama folder yang akan diinstal Joomla. 
Apabila langsung pada nama domain, biarkan kosong. 
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Software Setup 


Choose Protocol http:// 
If your site has SSL, then please choose the HTTPS protocol 





Choose Domain : 
Please choose the domain to install the software. kamusidiom.com vw 








Database Name 


me of the database to be created for the 





Gambar 2.31. Memilih Direktori untuk Menginstal Joomla 


6. Pada bagian Site Settings masukkan nama dan deskripsi 
singkat website yang akan dibuat. 


Site Settings 





Site Name Website Oke . 


Site Description Website berbagi pengetahuanl 





Gambar 2.32. Memberi Nama dan Deskripsi Website 


7. Pada bagian Database Settings, aktifkan pilihan Import 


Sample Data agar Joomla yang terinstal dilengkapi dengan 
contoh-contoh artikel. 


Database Settings 


Table Prefix jos. 


Import Sample Data 
Gambar 2.33. Mengaktifkan Pilihan Import Sample Data 


8. Pada bagian Admin account, masukkan data-data untuk 
mengakses area administrator Joomla. Lalu klik tombol Install. 
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Admin Account 











Admin Username ladmin 

Admin Password Itvfwoyel — P 
Real Name landy 

Admin Email andy.krisianto@gmail.com 


Email installation details to : andy.krisianto@gmall.| 


Gambar 2.34. Form untuk Admin 


9. Maka akan muncul halaman konfirmasi bahwa Joomla 1.7 
telah terinstal. Akses domain Anda untuk mengetesnya. 
Congratulations, the software was installed successfully 


Joomla 1.7 has been successfully installed at : 





we hope the installation process was easy. 


NOTE: Softaculous is just an automatic software installer and does not provide any support for the individual software 
packages, Please visit the software vendor's web site for support! 


Regards, 
Softaculaus Auto Installer 


Return to Overview 


Gambar 2.35. Halaman Konfirmasi Instalasi Joomla 1.7 Berhasil 
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